<div class="container-fluid">
	<div class="row">
		<div class="col-sm-2 col-md-2 col-lg-2 sidebar">
			<ul class="nav nav-sidebar">
				<li class="active">
					<a>新闻资讯</a>
				</li>
				<li>
					<a>体育竞技</a>
				</li>
				<li>
					<a>娱乐八卦</a>
				</li>
				<li>
					<a>前沿科技</a>
				</li>
				<li>
					<a>环球财经</a>
				</li>
				<li>
					<a>天气预报</a>
				</li>
				<li>
					<a>房产家居</a>
				</li>
				<li>
					<a>网络游戏</a>
				</li>
			</ul>
			<div class="footer">
				<div class="container center-block">
					<p class="text-muted">
						<strong>@Twitter, Inc.</strong>
						<br />
						 <!-- 795 Folsom Ave, Suite 600 San Francisco, CA 94107 <abbr title="Phone">P:</abbr> (123) 456-7890 -->
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 col-lg-10 col-lg-offset-2 main">
			<table class="table">
				<thead>
					<tr>
						<th>
							编号
						</th>
						<th>
							产品
						</th>
						<th>
							交付时间
						</th>
						<th>
							状态
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Default
						</td>
					</tr>
					<tr class="success">
						<td>
							1
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							01/04/2012
						</td>
						<td>
							Approved
						</td>
					</tr>
					<tr class="error">
						<td>
							2
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							02/04/2012
						</td>
						<td>
							Declined
						</td>
					</tr>
					<tr class="warning">
						<td>
							3
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							03/04/2012
						</td>
						<td>
							Pending
						</td>
					</tr>
					<tr class="info">
						<td>
							4
						</td>
						<td>
							TB - Monthly
						</td>
						<td>
							04/04/2012
						</td>
						<td>
							Call in to confirm
						</td>
					</tr>
				</tbody>
			</table>
			<div class="accordion" id="accordion-720949">
				<div class="accordion-group">
					<div class="accordion-heading">
						 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-720949" href="#accordion-element-71075">选项卡 #1</a>
					</div>
					<div id="accordion-element-71075" class="accordion-body collapse in">
						<div class="accordion-inner">
							功能块...
						</div>
					</div>
				</div>
				<div class="accordion-group">
					<div class="accordion-heading">
						 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-720949" href="#accordion-element-508067">选项卡 #2</a>
					</div>
					<div id="accordion-element-508067" class="accordion-body collapse">
						<div class="accordion-inner">
							功能块...
						</div>
					</div>
				</div>
			</div>
			<span class="label">文字标签</span> <span class="badge">1</span>
		</div>
	</div>
</div>
